﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>explore &amp; share</title>
    <link href="../Styles/style.css" rel="stylesheet" type="text/css" />
</head>
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
    <!--<![endif]-->
    <div class="header" style="width:100%;">
        <div class="header_container">
            <div class="top">
                <!--	<div class="userOnline">
					<a href="#"></a>
					<strong><span>gauthierp</span> is connected</strong>
				</div>-->
                <div class="access">
                    <a href="#" class="signOut">sign out</a> <a href="#" class="myAccount">my account</a>
                    <a href="#" class="home">home</a>
                    <select>
                        <option>english</option>
                        <option>español</option>
                    </select>
                </div>
                <div class="connection">
                    <p>Nicolas Vandepaer</p>
                    <span class="ImgConnection "></span>
                </div>
            </div>
            <a href="#" class="logo">explore &amp; share</a>
            <div class="menu">
                <ul>
                    <li><a href="#">Share your Trekkings</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content_container">
            <h2>
                <span></span>share</h2>
            <div class="tabs">
                <ul>
                    <li><a href="#" class="selected">1. Trekking days</a></li>
                    <li><a href="#">2. Your itinerary</a></li>
                    <li><a href="#">3. KEY SPOTS</a></li>
                    <li><a href="#">4. FINALIZE</a></li>
                    <li class="last"><a href="#"></a></li>
                </ul>
            </div>
            <div class="main">
                <h3>
                    <span>Step 1 :</span> Provide general information about your itinerary</h3>
                <form id="form_id" action="#" method="post">
                <p>
                    <input type="text" name="title" id="title" value="Title*" /><span class="help"></span></p>
                <p>
                    <input type="text" name="subtitle" id="subtitle" value="Subtitle*" /><span class="help"></span></p>
                <p>
                    <textarea name="textarea" id="textarea" rows="5" cols="30">Overview / introduction*</textarea></p>
                <h5>
                    <span></span>Difficulty:
                </h5>
                <div class="combo">
                    <select name="select1" id="select1">
                        <option value="alpha">Moderate</option>
                        <option value="beta">Beta</option>
                    </select></div>
                <span class="help2"></span></p> <span class="sep"></span>
                <p>
                    <h5>
                        <span></span>Duration:
                    </h5>
                    <div class="combo">
                        <select name="select2" id="select2">
                            <option value="1">1 Day</option>
                            <option value="2">2 Days</option>
                        </select></div>
                    <span class="help2"></span>
                </p>
                <span class="sep"></span>
                <p>
                    <h5>
                        <span></span>Activity:
                    </h5>
                    <div class="activity">
                        <div class="check_container">
                            <input type="checkbox" name="checkbox" id="trekking" /><label for="trekking">Trekking
                            </label>
                        </div>
                        <div class="check_container">
                            <input type="checkbox" name="checkbox" id="touring" /><label for="touring">Ski Touring
                            </label>
                        </div>
                        <div class="check_container sinBorde">
                            <input type="checkbox" name="checkbox" id="sailing" /><label for="sailing">Ski Sailing
                            </label>
                        </div>
                        <div class="check_container">
                            <input type="checkbox" name="checkbox" id="shoeing" /><label for="shoeing">Snow Shoeing
                            </label>
                        </div>
                        <div class="check_container">
                            <input type="checkbox" name="checkbox" id="nordic" /><label for="nordic">Nordic Ski
                            </label>
                        </div>
                        <div class="check_container  sinBorde">
                            <input type="checkbox" name="checkbox" id="snow" /><label for="snow">Snow Shoeing
                            </label>
                        </div>
                    </div>
                </p>
                <span class="help2"></span><span class="sep"></span>
                <p>
                    <h4>
                        <span></span>I want my adventure to be:
                    </h4>
                    <div class="radio_container">
                        <input type="radio" name="radio" id="opened" value="opened" /><label for="opened">open-source</label></div>
                    <div class="radio_container sinBorde">
                        <input type="radio" name="radio" id="closed" value="closed" /><label for="closed">closed-source</label></div>
                </p>
                <span class="help2"></span><span class="sep"></span>
                <p>
                    <p class="savecontinue">
                        <span class="borde">
                            <input type="submit" name="submit" value="save &amp; continue" />
                        </span>
                    </p>
                </form>
            </div>
            <div class="sidebar">
                <h1>
                    <span></span>add your adventure main picture</h1>
                <span class="help3"></span>
                <ul>
                    <li><a href="#" class="flickr">Import from flickr</a></li>
                    <li><a href="#" class="picasa">Import from picasa</a></li>
                    <li><a href="#" class="upload">Upload from your computer</a></li>
                </ul>
                <span class="sep"></span>
                <div class="photo">
                    <div class="borde">
                        <img src="../Images/foto.jpg" alt="" />
                        <div class="buttons">
                            <a href="#" class="save">save</a> <a href="#" class="delete">delete</a>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix">
        </div>
    </div>
    <div class="footer_top">
        <div class="footer_top_container">
            <ul>
                <li><a href="#" class="twitter"></a></li>
                <li><a href="#" class="facebook"></a></li>
                <li><a href="#" class="linkedin"></a></li>
                <li><a href="#" class="rss"></a></li>
            </ul>
            <div class="subscripcion">
                <form action="#">
                <p>
                    <input type="text" name="subscripcion" id="subscripcion" value="Newsletter subscription" /><span></span></p>
                <p>
                    <input type="submit" name="submit" value="subscribe" class="submit" /></p>
                </form>
            </div>
        </div>
    </div>
    <div class="footer_bottom">
        <div class="footer_bottom_container">
            <ul>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Terms of Use</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#" class="last">Site Map</a></li>
            </ul>
        </div>
    </div>
</body>
</html>
